<script>
function editar_categoria(id, menu)
{
	$("#form_categoria").fadeIn();
	$("#caf03_cod").val(id);
	$("#caf03_menu").val(menu);

	//salvarForm();
}

function desativar_categoria()
{
	var id = $("#caf03_cod").val();

	if(id)
	{
		$.post('admin/desativar-categoria', {id: $("#caf03_cod").val()}, function(ret){
			msg({vmsg: 'Grupo Desativado.'});
	
			$(".bt_usuario").click();
		});
	}
	else
	{
		msg({vmsg: 'Nada a fazer.'});
	}
}

function salvarForm_categoria()
{
	if(!$("#caf03_menu").val())
	{
		msg({vmsg: 'Preencha a categoria.', type: 'alert'});

		return;
	}

	var data = $("#form_categoria").serialize();

	$.post('admin/novo-categoria', data, function(ret){
		msg({vmsg: 'Categoria salva.'});

		$(".bt_usuario").click();
	});
}
</script>
<div id="div_categoria" class="ui-corner-all" style="border: 1px solid gray; background: white; width: 600px; margin: 0 auto; margin-top: 10px; display: none;" id="form_usuario">
	<div style="width: 600px; font-size: 22px; margin: 0 auto;  margin-top: 8px;">
		&nbsp;<font color="#ff9900">Formul&aacute;rio</font>
		<hr style="margin-top: 5px; border-top: 1px dashed #dddddd" />
	</div>
	<form action="" id="form_categoria" >
		<input type="hidden" name="caf03_cod" id="caf03_cod" value="" />
		<table cellspacing="1" cellpadding="5" style="font-size: 15px; width: 600px; margin-top: 10px;" align="center">
			<tr>
				<td>
					Categoria
				</td>
				<td width="1%">
					:
				</td>
				<td>
					<input type="text" onclick="showKeyboard(this.id);" name="caf03_menu" id="caf03_menu" />
				</td>
			</tr>
			<tr style="background: #f7f6f0;">
				<td style=" border-top: 1px dashed #dddddd" colspan="3" align="right">
				<input type="button" style="padding: 10px;"
				onclick="desativar_categoria();" value="Desativar" />
				<input type="button" style="padding: 10px;"
				onclick="salvarForm_categoria();" value="Salvar" />
				</td>
			</tr>
		</table>
	</form>
</div>